<html><head>
<meta charset="utf-8">
<title>分类-网演中国粤西平台</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=9,Chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">

<!-- css -->
<link rel="stylesheet" type="text/css" href="../css/frameCss/animate.css"/>
<link rel="stylesheet" type="text/css" href="../css/frameCss/swiper.css"/>
<link rel="stylesheet" type="text/css" href="../css/public.css">
<link rel="stylesheet" type="text/css" href="../css/category.css">

<!-- js -->
<script src="../js/frameJS/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="../js/clientwidth.js"></script>
<script src="../js/frameJS/iscroll/build/iscroll.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/frameJS/swiper.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>

	<div id="categoryall">
		
		<!--主体内容！！！-->
		<div id="categorycontent-wrapper" class="animated fadeInLeft">
			<div class="categorycontent">	
				<div class="categoryad">
					<a href="#">
						<img src="https://m.360buyimg.com/mobilecms/s528x180_jfs/t1012/22/285392910/54136/dda919ec/551378ccN8cb0f8a1.jpg">
					</a>
				</div>
				<div class="category-div">			
					<ul>
						<li><a href="list.html"><img src="../images/catimg_1072.jpg" imgsrc="../images/catimg_1072.jpg"><span>戏曲戏剧</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1073.jpg" imgsrc="../images/catimg_1073.jpg"><span>音乐歌剧</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1074.jpg" imgsrc="../images/catimg_1074.jpg"><span>舞蹈舞剧</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1075.jpg" imgsrc="../images/catimg_1075.jpg"><span>话剧曲艺</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1117.jpg" imgsrc="../images/catimg_1117.jpg"><span>杂技综艺</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1118.jpg" imgsrc="../images/catimg_1118.jpg"><span>儿童亲子</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1119.jpg" imgsrc="../images/catimg_1119.jpg"><span>综艺其它</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1120.jpg" imgsrc="../images/catimg_1120.jpg"><span>粤剧</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1121.jpg" imgsrc="../images/catimg_1121.jpg"><span>潮剧</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1122.jpg" imgsrc="../images/catimg_1122.jpg"><span>话剧</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1123.jpg" imgsrc="../images/catimg_1123.jpg"><span>儿童剧</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1124.jpg" imgsrc="../images/catimg_1124.jpg"><span>汉剧</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1125.jpg" imgsrc="../images/catimg_1125.jpg"><span>雷剧</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1126.jpg" imgsrc="../images/catimg_1126.jpg"><span>花鼓戏</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1127.jpg" imgsrc="../images/catimg_1127.jpg"><span>采茶戏</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1128.jpg" imgsrc="../images/catimg_1128.jpg"><span>正字戏</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1129.jpg" imgsrc="../images/catimg_1129.jpg"><span>西秦戏</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1130.jpg" imgsrc="../images/catimg_1130.jpg"><span>白字戏</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1131.jpg" imgsrc="../images/catimg_1131.jpg"><span>花朝戏</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1132.jpg" imgsrc="../images/catimg_1132.jpg"><span>皮影戏</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1133.jpg" imgsrc="../images/catimg_1133.jpg"><span>木偶戏</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1134.jpg" imgsrc="../images/catimg_1134.jpg"><span>京剧</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1135.jpg" imgsrc="../images/catimg_1135.jpg"><span>山歌剧</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1136.jpg" imgsrc="../images/catimg_1136.jpg"><span>音乐剧</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1137.jpg" imgsrc="../images/catimg_1137.jpg"><span>推剧</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1138.jpg" imgsrc="../images/catimg_1138.jpg"><span>庐剧</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1139.jpg" imgsrc="../images/catimg_1139.jpg"><span>泗州戏</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1140.jpg" imgsrc="../images/catimg_1140.jpg"><span>徽剧</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1141.jpg" imgsrc="../images/catimg_1141.jpg"><span>梆子</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1142.jpg" imgsrc="../images/catimg_1142.jpg"><span>花谷戏</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1143.jpg" imgsrc="../images/catimg_1143.jpg"><span>评剧</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1144.jpg" imgsrc="../images/catimg_1144.jpg"><span>丝弦</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1145.jpg" imgsrc="../images/catimg_1145.jpg"><span>平调</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1146.jpg" imgsrc="../images/catimg_1146.jpg"><span>老调</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1147.jpg" imgsrc="../images/catimg_1147.jpg"><span>哈哈腔</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1148.jpg" imgsrc="../images/catimg_1148.jpg"><span>唐剧</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1149.jpg" imgsrc="../images/catimg_1149.jpg"><span>冀东皮影</span></a></li>
						<li><a href="list.html"><img src="../images/catimg_1150.jpg" imgsrc="../images/catimg_1150.jpg"><span>越剧</span></a></li>
					</ul>
				</div>
				
			</div>
		</div>
		
		<!--左侧导航！！！-->
		<!--<div class="categorytab-wrapper animated fadeInLeft">
			<div class="categorytab swiper-container">
				<ul class="swiper-wrapper">
					<li class="swiper-slide turnRed">演艺院团</li>
					<li class="swiper-slide">演艺场馆</li>
					<li class="swiper-slide">演艺经纪</li>
					<li class="swiper-slide">艺培机构</li>
					<li class="swiper-slide">演艺院团</li>
					<li class="swiper-slide">演艺场馆</li>
					<li class="swiper-slide">演艺经纪</li>
					<li class="swiper-slide">艺培机构</li>
					<li class="swiper-slide">演艺院团</li>
					<li class="swiper-slide">演艺场馆</li>
					<li class="swiper-slide">演艺经纪</li>
					<li class="swiper-slide">艺培机构</li>
					<li class="swiper-slide">演艺院团</li>
					<li class="swiper-slide">演艺场馆</li>
					<li class="swiper-slide">演艺经纪</li>
					<li class="swiper-slide">艺培机构</li>
					<li class="swiper-slide">演艺院团</li>
					<li class="swiper-slide">演艺场馆</li>
					<li class="swiper-slide">演艺经纪</li>
					<li class="swiper-slide">艺培机构</li>
					<li class="swiper-slide">演艺院团</li>
					<li class="swiper-slide">演艺场馆</li>
					<li class="swiper-slide">演艺经纪</li>
					<li class="swiper-slide">艺培机构</li>
					<li class="swiper-slide">演艺院团</li>
					<li class="swiper-slide">演艺场馆</li>
					<li class="swiper-slide">演艺经纪</li>
				</ul>
			</div>
		</div>-->
		
	</div>

	<footer id="bar-fixed">
		<a href="../index.html" class="tab-item"><i class="icon-tabbar bar-home"></i>首页</a>
		<a href="category.html" class="tab-item active"><i class="icon-tabbar bar-message2"></i>分类</a>
		<a href="../publish/index.html" class="tab-item"><i class="icon-tabbar bar-publish"></i>发布</a>	
		<a href="../user/index.html" class="tab-item"><i class="icon-tabbar bar-user"></i>我</a>
	</footer>
<script>
	$(function(){
		if (document.body.clientWidth > 640) {
			$('body').css({
				width: 640,
				margin: '0 auto',
			});
		}
		
		//引用iScroll并调用
		function loaded(){
			var myScroll = new IScroll('#categorycontent-wrapper', {
				scrollbars: true,
				mouseWheel: true,
				interactiveScrollbars: true,
				shrinkScrollbars: 'scale',
				fadeScrollbars: true,
				//click:true防止点击事件或a标签失效
				click:true
			});
		}
		window.setTimeout(loaded,100);
		
		//左侧商品列表滚动
//		var swiper = new Swiper('.swiper-container', {
//	        slidesPerView: 'auto',
//	        freeMode: true,
//	        direction: 'vertical',
//	        //点击滚到顶部
//	        slideToClickedSlide:true
//	    });
	    
	    //点击左导航，当前点击目标变色
//	    function clickLeftNav(){
//	    	$('.swiper-slide').on('touchend',function(){
//	    		$(this).addClass('turnRed').siblings().removeClass('turnRed');
//	    	})
//	    }
//	    clickLeftNav();
	})

</script>

</body></html>